<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>满意度调查</title>
    <link rel="stylesheet" href="css/satisfaction.css">
    <script src="./js/adapter.js"></script>
</head>

<body>
    <header>
        <div class="header-content">
            <div class="left-button">
                <div class="return-back"></div>
            </div>
            <div class="header-content-text flex-1">满意度调查</div>
            <div class="right-button"></div>
        </div>
    </header>
    <div class="container">
        <div class="report-basic-info">
            <h2 class="cell">投诉基本信息</h2>
            <div class="together-evaluate">
                <h3>综合评价</h3>
                <div class="img-box" data-param="overallScore">
                    <div class="icon-star icon-star-big fill"></div>
                    <div class="icon-star icon-star-big"></div>
                    <div class="icon-star icon-star-big"></div>
                    <div class="icon-star icon-star-big"></div>
                    <div class="icon-star icon-star-big"></div>
                </div>
            </div>
            <div class="">
                <ul class="ul-box">
                    <li class="list">
                        <div>景区舒适度</div>
                        <div class="img-box" data-param="comfortLevel">
                            <div class="icon-star icon-star-small fill"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                        </div>
                    </li>
                    <li class="list">
                        <div>景区拥挤情况</div>
                        <div class="img-box" data-param="crowdScore">
                            <div class="icon-star icon-star-small fill"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                        </div>
                    </li>
                    <li class="list">
                        <div>景区配套</div>
                        <div class="img-box" data-param="matchingScore">
                            <div class="icon-star icon-star-small fill"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                        </div>
                    </li>
                    <li class="list">
                        <div>工作人员服务态度</div>
                        <div class="img-box" data-param="serviceScore">
                            <div class="icon-star icon-star-small fill"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                            <div class="icon-star icon-star-small"></div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="r-hr"></div>
            <div class="evaluate-content">
                <textarea placeholder="请输入评价内容" name="surveyComments"></textarea>
            </div>
        </div>

        <div class="submit-button">确定提交</div>
    </div>
    <script src="./js/jquery-2.1.0.js"></script>
    <script src="./js/satisfaction.js"></script>
</body>

</html>
